<!DOCTYPE html>
<html ng-app="newsShowCtrl">
<head>
    <meta charset="UTF-8">
    <title>雅江--景区动态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/xinwen.css"/>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/templatemo-style.css"/>
    <!--交互使用文件-->
    <link rel="stylesheet" type="text/css" href="css/jNotify.jquery.css" />
    <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
    <script type="text/javascript" src="js/angular-1.5.6.js" ></script>
    <script type="text/javascript" src="js/controller.js" ></script>
    <script type="text/javascript" src="js/jNotify.jquery.js"></script>
    <style type="text/css">
        /*底部样式重写*/
        .footer-agile {
            margin-top: 3em;
        }

        @media only screen and (max-width: 415px ) {
            .footer-agile {
                margin-top: 20em;
            }

        }

    </style>
</head>
<body ng-controller="newsShow">

<!--头部开始-->
<div class="tm-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-3 tm-site-name-container">
                <a href="#" class="tm-site-name">雅江
                    <img src="images/logo.png" style="width: 2em;height: 2em;"/>
                </a>
            </div>
            <div class="col-lg-9 col-md-8 col-sm-9">
                <div class="mobile-menu-icon">
                    <i class="fa fa-bars"></i>
                </div>
                <nav class="tm-nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="yajiang_introduction.html">景区概况</a></li>
                        <li><a href="yajiang_matsutake.html">雅江松茸</a></li>
                        <li><a href="yajiang_wenhua.html">雅江文化</a></li>
                        <li><a href="#" class="active">景区动态</a></li>
                        <li><a href="yajiang_travelNotes.html">旅游攻略</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<!--头部结束-->

<div class="divbanner">
    <img src="images/xinwenBan.jpg" class="img-responsive" alt="Responsive image" style="width: 100%;"/>
</div>
<div class="container ">
    <h2>景点公告</h2>
    <div class="row">
        <div class="col-xs-6 col-sm-3 gonggao">
            <div class="gonggao_top ">
                <h5>时政热点</h5>

            </div>
            <div class="gonggao_con">
                <div class="biaozhi">
                    <img src="img/one.png" class="img-responsive"/>

                </div>
                <table class="table table-hover">
                    <tbody>
                    <tr ng-repeat="(x,notice) in notices" ng-if="x<4" ng-click="changeNotice()">
                        <td>{{notice.title}}</td>
                        <td><br/>{{notice.timeA}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
        <div class="col-xs-6 col-sm-3 gonggao ">
            <div class="gonggao_top2 ">
                <h5>时政热点</h5>
            </div>
            <div class="gonggao_con2">
                <div class="biaozhi">
                    <img src="img/one.png" class="img-responsive"/>

                </div>
                <table class="table table-hover">
                    <tbody>
                    <tr ng-repeat="(x,notice) in notices" ng-if="x<8&&x>3" ng-click="changeNotice()">
                        <td>{{notice.title}}</td>
                        <td><br/>{{notice.timeA}}</td>
                    </tr>
                    </tbody>
                </table>

            </div>

        </div>
        <div class="col-xs-6 col-sm-3 gonggao ">
            <div class="gonggao_top3 ">
                <h5>时政热点</h5>
            </div>
            <div class="gonggao_con3">
                <div class="biaozhi">
                    <img src="img/one.png" class="img-responsive"/>

                </div>
                <table class="table table-hover">
                    <tbody>
                        <tr ng-repeat="(x,notice) in notices" ng-if="x<12&&x>7" ng-click="changeNotice()">
                            <td>{{notice.title}}</td>
                            <td><br/>{{notice.timeA}}</td>
                        </tr>
                    </tbody>
                </table>

            </div>

        </div>
        <div class="col-xs-6 col-sm-3 gonggao ">
            <div class="gonggao_top4 ">
                <h5>时政热点</h5>

            </div>
            <div class="gonggao_con4">
                <div class="biaozhi">
                    <img src="img/one.png" class="img-responsive"/>

                </div>
                <table class="table table-hover">
                    <tbody>
                    <tr ng-repeat="(x,notice) in notices" ng-if="x<16&&x>11" ng-click="changeNotice()">
                        <td>{{notice.title}}</td>
                        <td><br/>{{notice.timeA}}</td>
                    </tr>
                    </tbody>
                </table>

            </div>

        </div>
    </div>
</div>

<div class="container one">
    <h2>景区新闻</h2>
    <div class="row  xinwen">

        <div class="col-sm-8">
            <table class="table table-hover">
                <tbody id="xinwen_table">
                <tr ng-repeat="news in newses" ng-click="changeNews()">
                    <td><span class="glyphicon glyphicon-book"></span>&nbsp;{{news.title}}</td>
                    <td>{{news.timeA}}</td>
                </tr>
                </tbody>
            </table>

        </div>
        <div class="col-sm-4" id="imgDiv">
            <img src="img/xinwen1.jpg" class="img-responsive xinwen_img"/>
            <img src="img/xinwen2.jpg" class="img-responsive xinwen_img" style="display: none;"/>
            <img src="img/xinwen3.jpg" class="img-responsive xinwen_img" style="display: none;"/>
            <img src="img/xinwen4.jpg" class="img-responsive xinwen_img" style="display: none;"/>
            <img src="img/xinwen5.jpg" class="img-responsive xinwen_img" style="display: none;"/>
            <img src="img/xinwen6.jpg" class="img-responsive xinwen_img" style="display: none;"/>
            <img src="img/xinwen7.jpg" class="img-responsive xinwen_img" style="display: none;"/>
        </div>
    </div>
</div>


<!--底部开始-->
<div class="footer-agile">
    <div class="container">
        <div class="footer-agileinfo">
            <!--友情链接开始-->
            <div class="col-md-3 col-sm-3 footer-wthree-grid">
                <h3>友情链接</h3>
                <ul>
                    <li><a href="http://www.cctv.com/"><span class="glyphicon glyphicon-menu-right"></span>中央电视台</a></li>
                    <li><a href="http://www.sina.com.cn/"><span class="glyphicon glyphicon-menu-right"></span> 新浪网</a></li>
                    <li><a href="http://www.abatour.com//"><span class="glyphicon glyphicon-menu-right"></span> 阿坝旅游</a></li>
                    <li><a href="http://www.yading.gov.cn/"><span class="glyphicon glyphicon-menu-right"></span> 稻城亚丁</a></li>
                    <li><a href="http://www.chinatibetnews.com/"><span class="glyphicon glyphicon-menu-right"></span>中国西藏新闻网</a></li>
                </ul>
            </div>
            <!--友情链接结束-->
            <!--微信二维码开始-->
            <div class="col-md-5 col-sm-5 footer-wthree-grid">
                <div class="agileits-w3layouts-tweets">
                    <h3>微信公众号</h3>
                </div>
                <p><img src="images/erweima.jpg" alt=""></p>
            </div>
            <!--微信二维码结束-->

            <div class="col-md-4 col-sm-4 footer-wthree-grid">
                <h3>微博公众号</h3>
                <p><img src="images/erweima.jpg" alt=""></p>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--版权所有开始-->
        <div class="copy-right">
            <p>版权所有&copy;另一视点团队</p>
        </div>
        <!--版权所有结束-->
    </div>
</div>
<!--底部结束-->

<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script src="js/moment.js" type="text/javascript" charset="utf-8"></script>
<script src="js/templatemo-script.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/xinwen.js"></script>


</body>

</html>